﻿<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no"/>
<title>北方血管病</title>
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/bnbg2.css" />
<link rel="stylesheet" href="css/sub.css" />
<link rel="stylesheet" href="css/real.css" />
<style>
nav#menu > ul {
	width: 200px;
	float: right;
	background: #ff7a01;
	height: 974px;
}
.new_height {
	min-height: 974px;
}
#log_wrap {
	width: 100%;
	position: relative;
}
@media only screen and (min-width:360px) and (orientation:portrait) {
#logbox {
	padding: 0 15px;
	width: 100%;
	box-sizing: border-box;
}
#logbox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 126px
}
}

</style>
</head>
<body>
<div id="wrap">
  <header>
    <h1><a href="#"><img src="img/logo_bnbg.png" alt="" /></a></h1>
    <div class="top_menu">
      <ul>
        <li class="top_show"><a href="#none"><img src="img/btn_balloon.png" alt="" /></a></li>
        <li class="show_menu"><a href="#none"><img src="img/btn_menu.png" alt="" /></a></li>
      </ul>
    </div>
  </header>
  <meta name="format-detection" content="telephone=no">
  <div class="head_menu" style="display: none;">
    <div class="hm_title">
      <p>北方血管病咨询中心</p>
      <a href="#none" class="hm_close"><img src="img/m_close.png" alt="" /></a> </div>
    <ul class="hm_menu">
      <li> <a href="tel:045182521356"> <span><img src="img/t_ico01_cn.png" alt="" /></span> <span>疾病咨询</span> </a> </li>
      <li> <a href="tel:045182521356"> <span><img src="img/t_ico01_ko.png" alt="" /></span> <span>预约咨询</span> </a> </li>
      <li> <a href="#"> <span><img src="img/t_ico04.png" alt="" /></span> <span>手术前咨询</span> </a> </li>
      <li> <a href="#"> <span><img src="img/t_ico05.png" alt="" /></span> <span>来院路线</span> </a> </li>
    </ul>
    <div class="qq_quick"> <a target="_blank" href="#" class="qq_wrap"> <span>
      <p>医师QQ : </p>
      <p>123456789</p>
      </span> <span><img src="img/qq_icon.png" alt="" /></span> </a> </div>
    <div class="we_quick">
      <div class="qq_wrap"> <span>
        <p>官方微信 :</p>
        <p>123456789</p>
        </span> <span><img src="img/we_icon.png" alt="" /></span> </div>
    </div>
  </div>
  <nav id="menu" style="right: -200px;"> <a href="#none" class="m_close" style="display: none"><img src="img/menu_close.png" alt="" /></a>
    <div class="menus" id="sc_wrapper">
      <div id="scroller">
        <ul class="menu_btn_box">
          <li class="t_menu tm01"> <a href="#none">关于北方</a>
            <ul class="submenu" style="display: none">
              <li><a href="#">医院简介</a></li>
            </ul>
          </li>
          <li class="t_menu tm02"> <a href="#none">医师团队</a>
            <ul class="submenu" style="display: none">
              <li><a href="#">外科医师</a></li>
            </ul>
          </li>
          <li class="t_menu tm03"> <a href="#none">其他</a>
            <ul class="submenu" style="display: none">
              <li><a href="#" class="ls3">其他</a></li>
            </ul>
          </li>
          <li class="t_menu tm04"> <a href="#none">其他</a>
            <ul class="submenu" style="display: none">
              <li><a href="#" class="ls2">其他</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <div class="shadow_nav">&nbsp;</div>
  <div class="visualbox">
    <section class="contents">
      <div class="swiper-container">
        <ul class="swiper-wrapper">
          <li class="swiper-slide photo12" title="tab0"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;"> </div>
            </a> </li>
          <li class="swiper-slide photo12" title="tab0"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> </li>
          <li class="swiper-slide photo12" title="tab1"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> </li>
          <li class="swiper-slide photo12" title="tab2"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> </li>
          <li class="swiper-slide photo12" title="tab3"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> </li>
          <li class="swiper-slide photo12" title="tab4"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> </li>
          <li class="swiper-slide photo12" title="tab5"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> </li>
          <li class="swiper-slide photo12" title="tab6"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> </li>
          <li class="swiper-slide photo12" title="tab7"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> </li>
          <li class="swiper-slide photo12" title="tab8"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> </li>
          <li class="swiper-slide photo12" title="tab9"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> </li>
        </ul>
        <div class="pagination"></div>
      </div>
    </section>
    <div class="ad">
      <ul class="m_ico">
        <li class="tab0 on"><a href="#" id="a1">
          <p class="btn_txt"><span>静脉曲张</span></p>
          <p class="ad_text"><span>静脉曲张</span> <img src="img/slide_arr.png" alt="" /></p>
          </a></li>
        <li class="tab1"><a href="#" id="a2">
          <p class="btn_txt"><span>瓣功能不全</span></p>
          <p class="ad_text"><span>瓣功能不全</span> <img src="img/slide_arr.png" alt="" /></p>
          </a></li>
        <li class="tab2"><a href="#" id="a3">
          <p class="btn_txt"><span>老烂腿</span></p>
          <p class="ad_text"><span>老烂腿</span> <img src="img/slide_arr.png" alt="" /></p>
          </a></li>
        <li class="tab3"><a href="#" id="a4">
          <p class="btn_txt"><span>静脉炎</span></p>
          <p class="ad_text"><span>静脉炎</span> <img src="img/slide_arr.png" alt="" /></p>
          </a></li>
        <li class="tab4"><a href="#" id="a5">
          <p class="btn_txt"><span>静脉血栓</span></p>
          <p class="ad_text"><span>静脉血栓</span> <img src="img/slide_arr.png" alt="" /></p>
          </a></li>
        <li class="tab5"><a href="#" id="a6">
          <p class="btn_txt"><span>脉管炎</span></p>
          <p class="ad_text"><span>脉管炎</span> <img src="img/slide_arr.png" alt="" /></p>
          </a></li>
        <li class="tab6"><a href="#" id="a7">
          <p class="btn_txt"><span>动脉硬化闭塞症</span></p>
          <p class="ad_text"><span>动脉硬化闭塞症</span> <img src="img/slide_arr.png" alt="" /></p>
          </a></li>
        <li class="tab7"><a href="#" id="a8">
          <p class="btn_txt"><span>糖尿病足</span></p>
          <p class="ad_text"><span>糖尿病足</span> <img src="img/slide_arr.png" alt="" /></p>
          </a></li>
        <li class="tab8"><a href="#" id="a9">
          <p class="btn_txt"><span>动脉血栓</span></p>
          <p class="ad_text"><span>动脉血栓</span> <img src="img/slide_arr.png" alt="" /></p>
          </a></li>
        <li class="tab9"><a href="#" id="a10">
          <p class="btn_txt"><span>雷诺氏症</span></p>
          <p class="ad_text"><span style="font-size: 9px;">雷诺氏症</span> <img src="img/slide_arr.png" alt="" /></p>
          </a></li>
      </ul>
    </div>
    <ul class="s_control">
      <li><a href="#" class="prev"><img src="img/btn_prev.png" alt="" /></a></li>
      <li><a href="#" class="stop"><img src="img/btn_stop.png" alt="" /></a></li>
      <li><a href="#" class="play" style="display: none"><img src="img/btn_play.png" alt="" /></a></li>
      <li><a href="#" class="next"><img src="img/btn_next.png" alt="" /></a></li>
    </ul>
    <!--// 재생정지 버튼 --> 
  </div>
  <div class="shadow_nav">&nbsp;</div>
  <div class="place"><strong>当前位置:</strong>  <a href="http://4g.045182521356.com/">主页</a> &gt; <a href="/a/gybf/">关于北方</a></div>
  <div class="clear"></div>
    <div >
     <ul id="content" class="masonry" >

<li class="masonry-brick" >
<a href="#">
<div class="mode"><img src="img/news1.png"></div>
<p class="yst">我是测试小文章</p>
<p class="dty">我是测试小文章阿里路亚里路亚里路亚阿里路亚里路亚里路亚...</p>
<p class="dty1"><img src="img/sjzz.png" style="margin-bottom: -5px;">:&nbsp;2015-06-26    
<span class="lll">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点击量:97</span>
</p><div class="qs"></div>
<p></p>
</a>
</li>
<div class="clear"></div>
<li class="masonry-brick" >
<a href="#">
<div class="mode"><img src="img/news1.png"></div>
<p class="yst">我是测试小文章</p>
<p class="dty">我是测试小文章阿里路亚里路亚里路亚阿里路亚里路亚里路亚...</p>
<p class="dty1"><img src="img/sjzz.png" style="margin-bottom: -5px;">:&nbsp;2015-06-26    
<span class="lll">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点击量:97</span>
</p><div class="qs"></div>
<p></p>
</a>
</li>
<div class="clear"></div>
</ul>
       <dl class="pages"><li><span class="pageinfo">共 <strong>1</strong>页<strong>7</strong>条记录</span></li></dl>
    </div>
   

  </div>
  <footer>
    <address>
    北方血管病医院<br />
    哈尔滨市道里区经纬街18号（哈尔滨儿童电影院旁）<br />
    Copyright ⓒ 201 All rights Reserved
    </address>
    <div class="footer_btm"> 
      <a href="#" class="pc"> <span>PC客户端</span><img src="img/f_right.png" alt="" /> </a>  <a href="#none" class="up"> <span>回到顶部</span><img src="img/f_up.png" alt="" /> </a> 
    </div>
  </footer>
</div>
<script src="js/jquery.1.8.3.min.js"></script> 
<script src="js/jquery.easing.1.3.min.js"></script> 
<script src="js/idangerous.swiper.js"></script> 
<script src="js/iscroll.js"></script> 
<script src="js/common.js"></script> 
<script type="text/javascript">
$(document).ready(function() {

$('#a1').click(function () { mySwiper.swipeTo(0, 500, true); });
$('#a2').click(function () { mySwiper.swipeTo(2, 500, true); });
$('#a3').click(function () { mySwiper.swipeTo(3, 500, true); });
$('#a4').click(function () { mySwiper.swipeTo(4, 500, true); });
$('#a5').click(function () { mySwiper.swipeTo(5, 500, true); });
$('#a6').click(function () { mySwiper.swipeTo(6, 500, true); });
$('#a7').click(function () { mySwiper.swipeTo(7, 500, true); });
$('#a8').click(function () { mySwiper.swipeTo(8, 500, true); });
$('#a9').click(function () { mySwiper.swipeTo(9, 500, true); });
$('#a10').click(function () { mySwiper.swipeTo(10 , 500, true); });
// Play
$('.play').click(function () {
	mySwiper.startAutoplay();
	$('.stop').show();
	$('.play').hide();
});
// stop
$('.stop').click(function () {
	mySwiper.stopAutoplay();
	$('.stop').hide();
	$('.play').show();
});
// prev
$('.prev').on('click', function(e){
	e.preventDefault()
	mySwiper.swipePrev()
	$('.stop').show();
	$('.play').hide();
});
//next
$('.next').on('click', function(e){
	e.preventDefault()
	mySwiper.swipeNext()
	$('.stop').show();
	$('.play').hide();
});
});
// mySwiper
var mySwiper = new Swiper('.swiper-container', {
	pagination: '.pagination',
	paginationClickable: true, // navi
	loop: true,
	autoplay: 3000,
	onSlideChangeEnd: function () {
		//mySwiper.startAutoplay();
		try {
			mySwiper.stopAutoplay();
			mySwiper.params.autoplay = 4000;
			mySwiper.startAutoplay();
			var now = $('.swiper-slide-active').attr('title');
			$('.m_ico li').removeClass('on');
			$('.' + now).addClass('on');
		} catch (e) { }
	}
});
function resizeFrame(iframeObj){
	var innerBody = iframeObj.contentWindow.document.body;
	var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
	var innerWidth = innerBody.scrollWidth + (innerBody.offsetWidth - innerBody.clientWidth);
	iframeObj.style.height = innerHeight;
	iframeObj.style.width = innerWidth;
	this.scrollTo(1,1);  
}
</script>
</body>
</html>